
/*****************wapper 部分************************/

.wapper{
    width:100%;
    padding-right:0 ;
    padding-left:0 ;
    background-color: #f10180;
    height: 40px;
    position: absolute;
    z-index: 99999;
}
.wapper-1{
    width:100%;
    padding-right:0 ;
    padding-left:0 ;
    background-color: #f10180;
    height: 40px;
    position: absolute;
    z-index: 99999;
    left:0;
    top: 168px;
    display: none;
}
.wapper-nav{
    width: 1000px;
    margin: 0 auto;
    background-color: #f10180;
    height: 40px;
    position: relative;
}
.wapper-nav-left{
    display: block;
    float: left;
}
.wapper-nav-right{
    display: block;
    float: right;
}

.wapper-nav ul li{
    height: 40px;
    list-style: none;
    display: inline-block;
    line-height: 40px;
    padding: 0 14px;

}
.wapper-nav ul li a{
    color: white;
    font-size: 16px;
    white-space: nowrap;
    text-decoration: none;
    font-family: "Microsoft YaHei";
}

.wapper-nav-right .kinds{
    width: 20px;
    height: 32px;
    position: absolute;
    background-image: url(../image/kinds.png);
    top: 5px;
    right: 50px;
}
.back-color{
    background-color: #bd1067;
}
.wapper-hider{
    width: 594px;
    height:261px;
    background-color: white;
    z-index: 2;
    padding: 26px 10px 11px 26px;
    position: absolute;
    top: 40px;
    right:0;
    display: flex;
    flex-wrap:wrap;
}
.wapper-hider .a{
    width: 170px;
    height: 96px;
    margin: 0 16px 16px 0;
    border-radius: 5px;
    position: relative;
}
.wapper-hider .a div{

    color: white;
    width:100%;
    position: absolute;
    bottom: 10px;
    left:0;
}
.wapper-hider .a .shadow{
    width:100%;
    height: 57px;
    background-color: black;
    /*background-color:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);*/
    /*transition: all ease .5s;*/
    opacity: 0.4;
    position: absolute;
    left: 0;
    bottom: 0;
}
.wapper-hider .a div p{
    height: 16px;
    line-height: 16px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
.wapper-hider .a:nth-of-type(1){
    background-image: url('../image/more/pic-1.jpg');
    background-size: 100% 100%;
}
.wapper-hider .a:nth-of-type(2){
    background-image: url('../image/more/pic-2.jpg');
    background-size: 100% 100%;
}
.wapper-hider .a:nth-of-type(3){
    background-image: url('../image/more/pic-3.jpg');
    background-size: 100% 100%;
}
.wapper-hider .a:nth-of-type(4){
    background-image: url('../image/more/pic-4.jpg');
    background-size: 100% 100%;
}
.wapper-hider .a:nth-of-type(5){
    background-image: url('../image/more/pic-5.jpg');
    background-size: 100% 100%;
}
.wapper-hider .a:nth-of-type(6){
    background-image: url('../image/more/pic-6.jpg');
    background-size: 100% 100%;
}
